.gloabl_footer_loading.suggestion_box .uname_suggestions {
  list-style: none;
  padding: 0;
}

.suggestion_box .uname_suggestions .select-uname{
  cursor: pointer;
}

table#scroll-horizontal-datatable tr th, #products-datatable tr th
{
  vertical-align: top !important;
}
input.dt-search {
  width: 100%;
  border: 1px solid #ddd;
  outline: none;
  padding: 1px 5px;
  border-radius: 4px;
}

#sidebar-menu .menu-title {
  border-bottom: 1px dotted #eeeeee;
  font-weight: 700 !important;
}

.control_index {
  font-weight: 900;
  text-decoration: underline;
  color: #f1556c !important;
}

i.mdi.mdi-chevron-down.accordion-arrow {
  vertical-align: top;
  top: -4px;
  font-weight: 900 !important;
  margin-right: -1rem;
}
.right-icons {
  display: inline-block;
  float: right;
}
.f-right {
  float:right;
}
.c-both{
  clear: both;
}
span.report_color_tag {
  /* padding: 2px 8px; */
}
.text-right {
  text-align: right;
}
.scope_detail_update .nav-item .nav-link {
  height: 100%;
}
.menu-3dot {
  font-size: 27px;
  line-height: 5px;
}
.notification-list .profile-dropdown .notify-item {
  padding:7px;
}
.have_files form {
  padding: 5px;
}
.have_files form .dz-message {
  margin: 5px auto;
}
.have_files .dropzone {
  cursor: pointer;
  min-height: 80px;
}

.w5{
  width: 5%;
}

.w10{
  width: 10%;
}

.w20{
  width: 20%;
}

.w30{
  width: 30%;
}

.w40{
  width: 40%;
}

.w50{
  width: 50%;
}

.w60{
  width: 60%;
}

.w70{
  width: 70%;
}

.w80{
  width: 80%;}

.w90{
  width: 90%;
}

.w100{
  width: 100%;
}

.w250px{
  width: 250px;
}

.w400{
  width: 400px;
}

.w700px {
  width: 700px;
}

.min-width-180px {
  min-width: 180px;
}

.attach_icons{
  width: 28px;
  height: auto;
  max-height: 28px;
}

.nowrap{
  white-space: nowrap
}

.modal-dialog {
  max-width: 800px;
}

.attachments_list {
  max-height: 450px;
  overflow-y: auto;
  min-height: 150px !important;
}

.not_linked {display: inline-block}
.linked {display: none}

.already_attached .action-icon.not_linked {display: none}
.already_attached .action-icon.linked {display: inline-block}

.already_attached .action-icon{
  color: #51B795 !important;
}
.edit_title_box {
  display: inline;
}
.edit_title_box i, .edit_desc_box i {
  font-size: 25px;
  vertical-align: middle;
}
.edit_title_box .form-control{
  display: inline;
  width: 100%;
}
.edit_desc_box .form-control {
  width: calc(100% - 30px);
  display: inline-block;
}

.dnone {
  display:none
}

.d-transparent {
  opacity: 0;
}

.cursor-pointer {
  cursor: pointer;
  }
.offcanvas.show {
  z-index: 1051;
  box-shadow: 0 0 25px 1px #bbb;
}
.offcanvas {
  font-weight: normal;
}
.tooltip_link {
  color: #51B795;
  cursor: pointer;
}
.t_image_box .t_image img {
  width: 100%;
}
.d-inline-block{
  display: inline-block;
}

.spinner-border{
  background-image: url(/assets/images/spinner.gif);
  background-size: 100% 100%;
  animation: unset;
  border: none;
}
.dropdown-menu.w150 {
  max-height: 150px;
  overflow-y: scroll;
}
.card-header , .card-footer{
  background-color: #fff;
  border-bottom: none;
}

#completereport table, #completereport .table {
  color: #444;
}

#completereport .methodology-approach-box table {
  margin-top: 20px;
  width: 100%;
}

#completereport .methodology-approach-box table tr th {
  background-color: #2f3a4d;
  color: #fff;
}

#completereport .methodology-approach-box table tr th, 
#completereport .methodology-approach-box table tr td {
  padding: 8px 20px 8px 10px;
  border-bottom: 1px solid #ddd;
}

#completereport table tr th:first-child {
  border-top-left-radius: 5px;
}

#completereport .methodology-approach-box table tr th:last-child {
  border-top-right-radius: 5px;
}

.highlighted_bg {
  box-shadow: none !important;
}

.show_more {
  word-break: break-word;
}

.show_more .more_toggle {
  font-weight: 600;
}

/***** Custom 10 cols layout **/
.dtr {
	width: 100%;
	float: left;
  box-sizing: border-box;
}
.dtr .dtc {
	float: left;
	/* padding: 10px; */
  box-sizing: border-box;
}

/* For mobile phones: */
[class*="dtc-"] {
  width: 100%;
}

@media only screen and (min-width: 360px) {
  /* For tablets: */
  .dtc-s-1 {width: 10%;}
  .dtc-s-2 {width: 20%;}
  .dtc-s-3 {width: 30%;}
  .dtc-s-4 {width: 40%;}
  .dtc-s-5 {width: 50%;}
  .dtc-s-6 {width: 60%;}
  .dtc-s-7 {width: 70%;}
  .dtc-s-8 {width: 80%;}
  .dtc-s-9 {width: 90%;}
  .dtc-s-10 {width: 100%;}
}

@media only screen and (min-width: 500px) {
  /* For tablets: */
  .dtc-t-1 {width: 10%;}
  .dtc-t-2 {width: 20%;}
  .dtc-t-3 {width: 30%;}
  .dtc-t-4 {width: 40%;}
  .dtc-t-5 {width: 50%;}
  .dtc-t-6 {width: 60%;}
  .dtc-t-7 {width: 70%;}
  .dtc-t-8 {width: 80%;}
  .dtc-t-9 {width: 90%;}
  .dtc-t-10 {width: 100%;}
}

@media only screen and (min-width: 821px) {
  /* For desktop: */
  .dtc-1 {width: 10%;}
  .dtc-2 {width: 20%;}
  .dtc-3 {width: 30%;}
  .dtc-4 {width: 40%;}
  .dtc-5 {width: 50%;}
  .dtc-6 {width: 60%;}
  .dtc-7 {width: 70%;}
  .dtc-8 {width: 80%;}
  .dtc-9 {width: 90%;}
  .dtc-10 {width: 100%;}
}
/***** END - Custom 10 cols layout **/

hr.dotted {
  border-top: 1px dotted #eeeeee !important;
  height: 0px;
  background: none;
}

div.hopscotch-bubble {
  z-index: 99 !important;
}


/**** Loading Image ***/
#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  }

  #loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
  }

.dataTable .form-select {
  display: block;
  min-width: 95px;
  line-height: 14px;
  padding: 5px !important;
}
#scope_summary .report_color_tag {
  font-size: 1em;
  border-radius: 3px;
  margin-left: 5px;
}

#detailed-risk-assessment-report .bg-soft-pink {
  background-color: rgba(246, 114, 167, 0.18) !important;
  border-color: rgba(246, 114, 167, 0.12);
}

input[type="radio"] {
  cursor: pointer;
}

.profile-icon {
  height: 36px;
  width: 36px;
  overflow: hidden;
  max-height: 36px;
  max-width: 36px;
  background: #eee;
}
.from_advisor {
  background: #f3f7f9;
  box-shadow: 0 0 77px 5px #f3f3f3;
}
.form-check-input.already-asigned:checked {
  background-color: #ffc391;
  border-color: #ffc391;
}
.assign-user span {
  font-size: 10px;
  display: block;
  line-height: 9px;
  font-weight: normal;
  color: #ED7612;
}

iframe#pp_content {
  border: 0;
  /* width: 21cm; */ /* A4 size width */
  width: 100%;
  background: #fff;
  height: calc(100vh - 161px);
  padding: 0.75cm 1cm;
}

td.chk,
th.chk {
  padding-right: 0px;
}

/*** Data table custom styles ***/
table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {
  color: #6c757d;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #e9f4f9;
}

table.dataTable tbody > tr.selected td, table.dataTable tbody > tr > .selected td {
  border-color: #cbdde5;
}

table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
  color: #6c757d;
}

.chk14 {
  width: 14px;height: 14px;margin-top: 4px;
}

.font-weight-normal {
  font-weight: normal;
}

.width-auto
{
  width: auto;
}

.mobile_menu {
  display: none;
}

.training_card_desc {
    min-height: 67px;
}

.avatar-sm {
    max-width: 30px;
    max-height: 30px;
    overflow: hidden;
}

.wmin50 {
  width: 100px;
}

.wmin100 {
  width: 100px;
}

.wmin150 {
  width: 150px;
}

.wmin200 {
  width: 200px;
}

.wmin30percent {
  width: 30%;
}

.revision-history-view td, .revision-history-view th {
    border: 1px solid #ddd;
}

#country_code_dd, #country_code_dd_phone {
    border: 1px solid #ccc !important;
    border-color: #ffffff;
    border-radius: 4px 0px 0px 4px;
    background-color: #f5f5f5;
    color: #777;
}

select#country_code_dd, select#country_code_dd_phone {
    outline: none;
}

.table-nowrap-col1 tr td:first-child {
  white-space:nowrap;
}

th.sorting::before, th.sorting::after {
    top: 14px;
    font-size: 18px;
    opacity: 0.4;
}

input[type="radio"].wid-aids {
  opacity: 0.6;
}

.w5px {
  width: 5px;
}

.w10px {
  width: 10px;
}

.w20px {
  width: 20px;
}

.table-form-row tr td {
  vertical-align: top;
}

#systemtable tr td {
  vertical-align: top;
}

.select2-dropdown {
  z-index: 9999;
}

.scorecard-data-nodata {
  width: 150px;
  margin: 0 auto;
}
#policy_procedure #scroll-horizontal-datatable tr td.description {
  white-space: normal;
}

#glossaryContent h1 {
  font-size: 28px;
  color: #173857;
}

#glossaryContent ul li h1 {
  font-size: 26px;
}

#glossaryContent > ul {
  margin-bottom: 40px;
}

#glossaryContent > ul > li {
  margin-top: 15px;
  margin-bottom: 20px;
}

#glossaryContent > ul > li .tooltip_definition {
  margin-left: 30px;
}

#glossaryContent .t_image img {
  width: 50%;
}

#glossaryContent .t_video video {
  width: 50%;
}

.ext-copyright-color {
  color: rgba(255, 255, 255, 0.5) !important;
}

.ext-copyright-color.loggedin {
  color: rgba(0, 0, 0, 0.5) !important;
}

.methodology-approach-box img {
  width: 100%;
}

.methodology-approach-box .page-title {
  line-height: 60px;
}

.gloabl_footer_loading {
  position: fixed;
  width: calc(100% - 240px);
  height: 100vh;
  z-index: 999999999;
  top: 0px;
  background: #fffb;
}

#l_gloabl_footer_loading img {
  min-width: 300px;
  width: 300px;
}

#card-element {
  text-align: left !important;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 3px;
  margin-bottom: 20px;
}

#country_code_dd, #country_code_dd_phone {
  max-width: 100px;
}

select option:disabled {
  background-color: #eee;
}

tr.dt-custom-highlight {
  border: 2px solid #ff9e3982;
}

#password-error li {
  padding-left: 0px !important;
}

#password-error li:before {
  content:unset;
}

.p_error ul {
  padding-left: 25px;
}

.p_error ul li {
  font-size: 13px;
  line-height: 17px;
  font-weight: 300;
}

.btn-q-response {
  line-height: 10px;
  display: inline-block;
  padding: 5px 4px 5px 4px;
  font-size: 11px;
  font-weight: bold;
}

.reg-framework-pills span {
  display: inline-block;
  margin-right: 3px;
}

.reg-framework-pills {
  display: inline-block;
}

.swal2-modal .swal2-cancel, .swal2-modal .swal2-confirm, .swal2-modal .swal2-deny {
  font-weight: 500;
  padding: 7px 16px;
  margin: 2px;
}

.left-side-menu {
  width: 270px;
}

.footer {
  left: 270px;
}

#loading-image {
  left: 270px;
}

.content-page {
  margin-left: 270px;
}

.cap-comments-box {
  background: #fafafa;
  padding: 0px 7px;
}

.cap-comment {
  display: inline;
}

.cap-comment-meta {
  font-size: 0.9em;
  font-weight: 300;
}

.content-page.full {
  margin-top: 70px;
}

.gloabl_footer_loading {
  width: calc(100% - 270px);
  /* margin-left: 0; */
}

.gloabl_footer_loading.full-width {
  width: 100%;
  margin-left: 0;
  margin-top: 0;
}

.Policy-label, .Procedure-label, .Implementation-label {
  color: #fff;
  font-weight: normal;
  font-size: 9.5px;
  padding: 2px 7px 2px 7px;
  display: inline-block;
  position: relative;
  letter-spacing: 0.5px;
  margin-top: 2px;
}

.Policy-label {
  background: #33B29F;
}

.Procedure-label {
  background: #3E7FBD;
}

.Implementation-label {
  background: #7E5DAF;
}

/* From builder custom form css */
.rendered-form *[tooltip]:hover::after {
  background: rgba(0,0,0,.7);
  bottom: 22px;
}

.dt_filter_box .dt-search {
  height: 35px;
  min-width: 150px;
}

.rendered-form *[tooltip]:hover::before {
  border-color: #000A rgba(0,0,0,0);
}
#formBuilder-UI .form-group.className-wrap, #formBuilder-UI .form-group.name-wrap {
  display: none !important;
}
.formbuilder-radio-group .radio-group label, .formbuilder-checkbox-group .checkbox-group label {
  margin-bottom: 0px !important;
}
/* END - From builder custom form css */

.dragging-progress {
  background: #fffbf3 !important;
}

table.v-align-top tr th::before, table.v-align-top tr th::after {
  display: table-cell !important;
}

table.v-align-top tr th {
  vertical-align: top !important;
}

body .dataTable .form-select.line-height-22px {
  line-height: 22px;
}

@media (max-width: 991.98px) {
    .mobile_menu {
        display: inline-block;
    }

    .left-side-menu {
        width: 100%;
    }
}
